import Vue from 'vue'
import Cookies from 'js-cookie'
// import 'normalize.css/normalize.css'
import 'bootstrap/dist/css/bootstrap.min.css'
import Element from 'element-ui'
import './assets/styles/element-variables.scss'

import App from './App'
import store from './store/index'
import router from './router/routers'
// 权限指令
import permission from './components/Permission'
// global css
import './assets/font/iconfont.css'
import './assets/styles/font/font.scss'
import './assets/styles/index.scss'
import './assets/styles/frontPage/style.scss'

import './assets/icons' // icon
import './router/index' // permission control

import 'xe-utils'
import VXETable from 'vxe-table'
import 'vxe-table/lib/index.css'
import './utils/directives.js'

import Video from 'video.js'
import 'video.js/dist/video-js.css'
import VueCropper from 'vue-cropper'

Vue.prototype.$modal = VXETable.modal
Vue.prototype.$video = Video
Vue.use(VueCropper)
Vue.use(VXETable)
Vue.use(permission)
Vue.use(Element, {
  size: Cookies.get('size') || 'small' // set element-ui default size
})

Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})
